<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/c/font_4755959_3wul6m83yfm.css"
    />
    <link rel="icon" type="image/x-icon" href="./img/logo.jpg" />
    <link rel="stylesheet" href="./style/public.css" />
    <link rel="stylesheet" href="./style/account-set.css" />
    <title>账户设置</title>
  </head>
  <body>
    <header>
      <div class="nav flex aic bg-base p-25">
        <p class="f14 fff back">
          <i class="iconfont icon-arrow-left"></i><span>返回</span>
        </p>
        <p class="fff f18 flex jc-c title"><span>账户设置</span></p>
      </div>
    </header>
    <main>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bb2 bg-fff">
        <p class="f16"><span>用户名</span></p>
        <p class="c666 flex aic f14">
          <span>陈xx</span><i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bb2 bg-fff">
        <p class="f16"><span>电话号码</span></p>
        <p class="c666 flex aic f14">
          <span>13800000000</span><i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bb2 bg-fff">
        <p class="f16"><span>微信号</span></p>
        <p class="c666 flex aic f14">
          <span>vx-138...</span><i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bb2 bg-fff">
        <p class="f16"><span>修改密码</span></p>
        <p class="c666 flex aic f14">
          <i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bg-fff">
        <p class="f16"><span>简历状态</span></p>
        <p class="c666 flex aic f14">
          <span id="close">关闭</span><i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
      <div class="flex aic jc-sb p-15 pt-20 pb-20 bg-fff mt-10">
        <p class="f16"><span>微信绑定</span></p>
        <p class="c666 flex aic f14">
          <span class="sc">已绑定</span><i class="iconfont icon-youjiantou"></i>
        </p>
      </div>
    </main>
    <footer>
      <div class="foot p-15 bg-fff fixed w100p fcc">
        <button id="logout" class="fff bg-base btn">
          <span>退出登录</span>
        </button>
      </div>
    </footer>
    <script src="./js/jquery.js"></script>
    <script>
      $(".back").click(function () {
        location.href = "./my.html";
      });
      $("#close").click(function () {
        if ($(this).text() == "关闭") {
          $(this).text("开启");
        } else {
          $(this).text("关闭");
        }
      });

      function logOUt() {
        
        $("#logout").click(function () {
         localStorage.clear();
          location.href = "./my.html";
        });
      }
      logOUt();
    </script>
  </body>
</html>
